<div class="page page-current" id="index-index">
    <!-- 标题栏 -->
    <include file="Public:header_panel"/>
    <!-- 工具栏 -->
    <include file="Public:footer"/>

    <!-- 添加 class infinite-scroll 和 data-distance  向下无限滚动可不加infinite-scroll-bottom类，这里加上是为了和下面的向上无限滚动区分-->
    <div class="content infinite-scroll infinite-scroll-bottom" data-distance="100">
        <div class="list-block media-list">
            <ul class="list-container">
                <foreach name="data" item="vo">
                    <li>
                        <a href="{:U('Delivery/detail',['id'=>$vo['delivery_id']])}" class="item-link item-content">
                            <div class="item-inner">
                                <div class="item-title-row">
                                    <div class="item-title">{$vo.order_id}</div>
                                    <div class="item-after">{$vo.create_time}</div>
                                </div>
                                <div class="item-subtitle color-warning">
                                    {$vo.order.address.city}{$vo.order.address.district}{$vo.order.address.address}
                                </div>
                                <div class="item-text">
                                    <foreach name="vo.book" item="v">
                                        <span>《{$v.sm}》×{$v.quantity}&nbsp;&nbsp;</span>
                                    </foreach>
                                </div>
                            </div>
                        </a>
                    </li>
                </foreach>
            </ul>
        </div>
    </div>
</div>